<template>
  <div>
    <div class="bottom">
      <div class="conterbox">
        <div class="box">
          <span><img src="@/assets/image/logo1.png" alt=""></span> 
          <span>河北省网联可信数据空间综合服务平台</span>
          <span>技术支撑：河北冀网数字技术有限公司</span>
          <span>Copyright@2023 景蕲科技 保所有权利 沪ICP备12002324号-1</span>
        </div>
        <!-- <div class="QRcode">
          <div class="qr">
            <div>
              <span class="el-icon-service icon"></span>
            </div>
            <div>
              <img src="@/assets/image/erweima.jpg" alt="" style="width: 80x; height: 80px; margin-top: 5px;">
            </div>
          </div>
          <div class="qr">
            <div>
              <span class="el-icon-service icon"></span>
            </div>
            <div>
              <img src="@/assets/image/erweima.jpg" alt="" style="width: 80x; height: 80px; margin-left: 10px; margin-top: 5px;">
            </div>
          </div>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',
  components: {},
  data() {
    return {}
  },
  methods: {},
  created() {}
}
</script>

<style scoped lang="less">
.bottom {
  width: 100%;
  height: 196px;
  margin-top: 50px;
  background-color: #122c7a;
  display: flex;
  justify-content: center; /*垂直居中*/
  align-items: center; /*水平居中*/
  .conterbox {
    width: 40%;
    display: flex;
    justify-content: center; /*垂直居中*/
    align-items: center; /*水平居中*/
    .box {
      height: 130px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      // width: 56%;
      color: #ffffff;
      font-size: 13px;
      text-align: center;
      // font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      img {
        width: 10%;
        height: 100%;
      }
    }
    .QRcode {
      color: #ffffff;
      width: 40%;
      border-left: 1px solid #ebeef5;
      display: flex;
      justify-content: center; /*垂直居中*/
      align-items: center; /*水平居中*/
      .qr {
        .icon {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 12px;
        }
      }
    }
  }
}
</style>